<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag.tld" prefix="display"%>
<%@ page import="java.util.*"%>

<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>
<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css">
<link href="<%=request.getContextPath() + "/css/table.css"%>"
	rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/js/displaytag.js"
	type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />


<script type="text/javascript">
$(document).ready(function() {
	
	$("#buscarBtn").click(function(){
		if($('#programa').val() != 'nulo'){
			$('#fechaInicial').val($('#fechaIni').val());
			$('#fechaFinal').val($('#fechaFin').val());
			$("#acciones").val('BuscarTodo');
			$("#mainForm").attr('target','_blank');
				
			if( ($("#fechaInicial").val() == '' && $("#fechaFinal").val() == '')){
				$("#mainForm").submit();
			}else{
				var fIniValida = isDate($("#fechaInicial").val());
				var fFinValida = isDate($("#fechaFinal").val());
				if(!fIniValida){
					alert('Fecha inicial no valida.');
					return false;
				}else if(!fFinValida){
					alert('Fecha final no valida.');
					return false;
				}else{
					if( $.datepicker.parseDate("dd/mm/yy", $("#fechaInicial").val()) > $.datepicker.parseDate("dd/mm/yy", $("#fechaFinal").val())){
						alert('Fecha inicial no puede ser mayor que la fecha final.');
						return false;
					}
				}
				$("#mainForm").submit();
			}		
		}else{
			alert('Por favor seleccione el programa fuente');
		}
	});
		
	//cuando cambia el valor seleccionado de la lista de programas.
	$("#programa").change(function(){	
		$('#fechaInicial').val($('#fechaIni').val());
		$('#fechaFinal').val($('#fechaFin').val());
		$('#acciones').val('BuscarSubprogramas');
		var action = '<%=request.getContextPath() + "/Reportes/Detallados/ReportDetCruce.do"%>';
		$('#mainForm').attr('action', action);
		$("#mainForm").attr('target','_self');
		$('#mainForm').submit();
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#fechaIni").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#fechaFin").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<form name="mainForm" id="mainForm"
	action="<%=request.getContextPath()
					+ "/Reportes/Detallados/ReportDetCruce.do"%>"
	method="POST">
	<input type="hidden" name="seleccionar" id="seleccionar" value="ir" />
	<input type="hidden" name="codigo" id="codigo" value="nulo" /> 
	<input type="hidden" name="acciones" id="acciones" /> 
	<input type="hidden" name="fechaInicial" id="fechaInicial" value="" /> 
	<input type="hidden" name="fechaFinal" id="fechaFinal" value="" /> 
	<input type="hidden" name="posicion" id="posicion" /> 
	<input type="hidden" name="accion" id="accion" value="" />
	<div align="center">
		<table class="tablaGenericaWidth70">
			<tr>
				<td class="titulosenblanco" colspan="3">
					<DIV align="center">
						<STRONG>Reporte&nbsp;Cruce&nbsp;de&nbsp;Beneficiarios</STRONG>
					</DIV>
				</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td align="center" class="celdatabla" colspan="3">
					Seleccione los criterios de busqueda
				</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Programa fuente:</td>
				<td width="44%"><logic:notPresent name="programasF">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
							<%
								session.removeAttribute("msg");
							%>
						</DIV>
					</logic:notPresent> <%
 	Object codeProgramaF = request.getParameter("codePrograma");
 %>
					<div align="left">
						<logic:present name="programasF">
							<logic:iterate id="programa" name="programasF" length="1"
								type="com.cs.beneficios.business.model.ProgramaVO">
								<html:select name="programa" styleId="programa"
									property="codePrograma" title="Programa Fuente"
									styleClass="form" value="<%=(String) codeProgramaF%>">
									<option value="nulo">Seleccione un programa</option>
									<html:options name="programasF" labelName="codigo"
										labelProperty="nombre" property="code" collection="programasF" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div></td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<%
				if (codeProgramaF != null) {
			%>
			<tr>
				<td class="celdatabla" width="31%">Beneficio fuente:</td>
				<td width="44%">
					<div align="left">
						<logic:notPresent name="subprogramasF">
							<DIV align="center">
								<%=session.getAttribute("msg")%>
								<%
									session.removeAttribute("msg");
								%>
							</DIV>
						</logic:notPresent>
						<%
							Object codeSubProgramaF = request
										.getParameter("codeSubPrograma");
								if (codeSubProgramaF == null)
									codeSubProgramaF = "nulo";
						%>
						<logic:present name="subprogramasF">
							<logic:iterate id="subprograma" name="subprogramasF" length="1"
								type="com.cs.beneficios.business.model.SubProgramaVO">
								<html:select name="subprograma" styleId="subprograma"
									property="codeSubPrograma" title="Beneficio Fuente"
									styleClass="form" value="<%=(String) codeSubProgramaF%>">
									<option value="nulo">Seleccione un subprograma</option>
									<html:options name="subprogramasF" labelName="codigo"
										labelProperty="nombre" property="code"
										collection="subprogramasF" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
			<tr>
				<td class="celdatabla" width="31%">Programa destino:</td>
				<td width="44%"><logic:notPresent name="programasD">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
							<%
								session.removeAttribute("msg");
							%>
						</DIV>
					</logic:notPresent> <%
 	Object codeProgramaD = request.getParameter("codeDestino");
 %>
					<div align="left">
						<logic:present name="programasD">
							<logic:iterate id="programa" name="programasD" length="1"
								type="com.cs.beneficios.business.model.ProgramaVO">
								<html:select name="programa" styleId="programa"
									property="codeDestino" title="Programa Destino"
									styleClass="form" value="<%=(String) codeProgramaD%>">
									<option value="nulo">Seleccione un programa</option>
									<html:options name="programasD" labelName="codigo"
										labelProperty="nombre" property="code" collection="programasD" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
			</tr>
			<%
				String strCodeProgramaD = (String) codeProgramaD;
					if (codeProgramaD != null && !strCodeProgramaD.equals("nulo")) {
			%>
			<tr>
				<td class="celdatabla" width="31%">Beneficio destino:</td>
				<td width="44%">
					<div align="left">
						<logic:notPresent name="subprogramasD">
							<DIV align="center">
								<%=session.getAttribute("msg")%>
								<%
									session.removeAttribute("msg");
								%>
							</DIV>
						</logic:notPresent>
						<%
							Object codeSubProgramaD = request
											.getParameter("codeSubDestino");
									if (codeSubProgramaD == null)
										codeSubProgramaD = "nulo";
						%>
						<logic:present name="subprogramasD">
							<logic:iterate id="subprograma" name="subprogramasD" length="1"
								type="com.cs.beneficios.business.model.SubProgramaVO">
								<html:select name="subprograma" styleId="subprograma"
									property="codeSubDestino" title="Beneficio Destino"
									styleClass="form" value="<%=(String) codeSubProgramaD%>">
									<option value="nulo">Seleccione un subprograma</option>
									<html:options name="subprogramasD" labelName="codigo"
										labelProperty="nombre" property="code"
										collection="subprogramasD" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
			</tr>
			<!-- </tr> -->
			<%
				}
				}
			%>


			<tr>
				<td class="celdatabla" width="31%">
					<p>Fecha inicial:</p>
				</td>
				<% String fechaInicial = (request.getParameter("fechaInicial") == null) ? "" : request.getParameter("fechaInicial"); %>
				<td align="left" class="celdatabla"><input id="fechaIni"
					class="form" value="<%= fechaInicial %>" /></td>

				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>

			<tr>
				<td class="celdatabla" width="31%">
					<p>Fecha final:</p>
				</td>
				<% String fechaFinal = (request.getParameter("fechaFinal") == null) ? "" : request.getParameter("fechaFinal"); %>
				<td align="left" class="celdatabla"><input id="fechaFin"
					class="form" value="<%= fechaFinal %>" /></td>

				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>

			<tr>
				<td class="celdatabla" width="31%">&nbsp;</td>
				<td width="44%">
					<div align="right">
						<input type="radio" name="inclusion" value="Ambos"
							checked="checked" />En ambos 
						<input type="radio"	name="inclusion" value="SoloFuente" />S&oacute;lo en la fuente
					</div>
				</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">&nbsp;</td>
				<td width="44%">
					<div align="center">
						<input type="button" value="Generar" name="buscarBtn"
							id="buscarBtn" />
						<P>&nbsp;</P>
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td colspan="3" align="center"><logic:present name="msg">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
						</DIV>
						<%
							session.removeAttribute("msg");
						%>
					</logic:present></td>
			</tr>
		</table>
	</div>

</form>